
#salephonebox{
    width: 100%;
    height: 800px;
}
#phonepicture{
    position: absolute;
    top: 300px;
    left: 300px;
}
#phonepicture img{
    width: 500px; /* 或者您希望的固定宽度，例如 200px */
    height: auto; /* 保持高度自动，以保持原图宽高比 */
    object-fit: contain; /* 保证图片不会变形 */
    margin-bottom: 16px; /* 保持图片之间有间隔 */
}
#star{
    position: absolute;
    left: 900px;
    top: 750px;
}
#saleform {
    padding: 10px;
    max-width:600px;
    margin: 0 auto;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    background-color: #fff;
    position: absolute;
    left: 1000px;
    top: 150px;
}
#producttable{
    width: 80%;
    position: relative;
    left: 100px;
}
#commenttitle{
    position: relative;
    left: 100px;
}
.product-container h1 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-container p {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
}

.price-box .price {
    color: #e53e3e;
    font-size: 28px;
    font-weight: bold;
}

.shipping-info p {
    color: #4a90e2;
    font-size: 12px;
    margin-bottom: 20px;
}

.product-options {
    margin-top: 20px;
}

.option {
    margin-bottom: 20px;
}
.option label {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.color-options button,
.storage-options button,
.bundle-options button,
.warranty-options button {
    margin-right: 10px;
    padding: 8px 16px;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    cursor: pointer;
    padding: 5px;
}

.color-options button.green { background-color: #27ae60; }
.color-options button.blue { background-color: #2980b9; }
.color-options button.black { background-color: #34495e; }

.quantity-selector {
    display: flex;
    align-items: center;
}

.quantity-selector button {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    cursor: pointer;
    padding: 5px;
}

.quantity-selector input {
    width: 50px;
    text-align: center;
    margin: 0 10px;
    line-height: 28px;
    border: 1px solid #ddd;
}

.buy-button button {
    width: 100%;
    padding: 10px;
    background-color: #e53e3e;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    margin: 10px;
}

.buy-button button:hover {
    background-color: #c53030;
}

/* Add some hover effects for buttons */
button:hover {
    opacity: 0.9;
}
